<!DOCTYPE html>
<html>
<head>
<title>::: 골프인 :::</title>
<meta charset="utf-8" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!--[if IE 6]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<script type="text/javascript" src="../js/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">DD_belatedPNG.fix('.png_bg, .footer, footer, .t_over, .top_mypage, img');</script>
<![endif]-->
<!-- 여기 위치에 두 스크립트 추가 부탁드립니다. -->
<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../js/jquery-ui-1.8.18.custom.min.js"></script>
<script type="text/javascript" src="../js/spin.min.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript" src="js/friend_group.js"></script>
<link href="../css/common.css" rel="stylesheet" type="text/css" />
<link href="../css/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" />
</head>

<body id="my_wrap">
<header>
	<div id="top_cont">
		<div class="top_mypage"></div><!--//  class="top_mypage" 끝-->
	</div><!--//  id="top_cont" 끝-->	
</header>

<div id="container">
	<!--좌측 컨텐츠-->
	<section id="left_content">
		<ul>
			<li><a href="../mypage/friend_01.html"><img src="../images/menu/my_menu05_01.gif" alt="친구요청" /></a></li>
			<li><a href="../mypage/friend_list.html"><img src="../images/menu/my_menu05_02.gif" alt="친구목록" /></a></li>
			<li><a href="../mypage/friend_group.html"><img src="../images/menu/my_menu05_03_on.gif" alt="친구그룹핑" /></a></li>
			<li><a href="../mypage/friend_search.html"><img src="../images/menu/my_menu05_04.gif" alt="친구찾기" /></a></li>
			<li><a href="../mypage/friend_know.html"><img src="../images/menu/my_menu05_05.gif" alt="알수도있는친구" /></a></li>
		</ul>
	</section><!--//   id="left_content" 끝-->
	
	<!--메인 컨텐츠-->
	<section id="main_content">
		<!--좌측 목록-->
		<article class="my_group_left">
			<!--tab-->
			<ul class="depth2_tab">
				<li><a href="../mypage/friend_group.html"><img src="../images/menu/my_menu05_03_1_on.gif" alt="친구그룹핑" /></a></li>
			</ul>

			<!--list-->
			<figure>
				<figcaption>전체(102)</figcaption>
				<table>
					<colgroup>
						<col width="*" /><col width="22%" />
					</colgroup>
					<tbody> 
						<tr class="loop_odd tr_on">
							<td> 중학교동창회<span>(3)</span> </td>
							<td><a href="#"><img src="../images/btn/btn_add_friend02.gif" alt="친구추가" /></a></td>
						</tr>
						<tr class="loop_odd tr_on">
							<td> 비즈니스모임<span>(13)</span> </td>
							<td><a href="#"><img src="../images/btn/btn_add_friend02.gif" alt="친구추가" /></a></td>
						</tr>
						<tr class="td_over"><!--선택시 style css 부분-->
							<td> 비즈니스모임 학교<span>(22)</span> </td>
							<td><a href="#"><img src="../images/btn/btn_add_friend02.gif" alt="친구추가" /></a></td>
						</tr>
						<tr class="loop_odd tr_on">
							<td> 중학교동창회<span>(3)</span> </td>
							<td><a href="#"><img src="../images/btn/btn_add_friend02.gif" alt="친구추가" /></a></td>
						</tr>
						<tr class="loop_odd tr_on">
							<td> 학부모 모임<span>(22)</span> </td>
							<td><a href="#"><img src="../images/btn/btn_add_friend02.gif" alt="친구추가" /></a></td>
						</tr>
						<tr class="loop_odd tr_on">
							<td>중학교동창회<span>(3)</span></td>
							<td><a href="#"><img src="../images/btn/btn_add_friend02.gif" alt="친구추가" /></a></td>
						</tr>
						<tr class="loop_odd tr_on">
							<td>중학교동창회<span>(3)</span></td>
							<td><a href="#"><img src="../images/btn/btn_add_friend02.gif" alt="친구추가" /></a></td>
						</tr>
						<tr class="loop_odd tr_on">
							<td> 학교<span>(22)</span> </td>
							<td><a href="#"><img src="../images/btn/btn_add_friend02.gif" alt="친구추가" /></a></td>
						</tr>
						<tr class="loop_odd tr_on">
							<td>비즈니스모임<span>(13)</span></td>
							<td><a href="#"><img src="../images/btn/btn_add_friend02.gif" alt="친구추가" /></a></td>
						</tr>
						<tr class="loop_odd tr_on">
							<td>학교<span>(22)</span></td>
							<td><a href="#"><img src="../images/btn/btn_add_friend02.gif" alt="친구추가" /></a></td>
						</tr>
					</tbody>
				</table>
			</figure>

			<!--btn-->
			<p class="bt_area">
				<a href="#"><img src="../images/btn/btn_delete02.gif" alt="삭제" /></a>
				<span>
					<img src="../images/btn/btn_down02.gif" alt="down" />
					<img src="../images/btn/btn_up02.gif" alt="up" />
				</span>
			</p>

			<!--추가-->
			<div class="add_area">
				<p class="g_tit"><img src="../images/board/group_add_tit.png" alt="그룹추가" /></p>
				<p><input type="text" name="text" id="text" value="그룹명"  class="input"/></p>
				<p><input type="image" src="../images/btn/btn_add.gif" alt="추가" /></p>
				<span>그룹은 최대 10개까지 추가 가능합니다.</span>
			</div>
		</article><!--//  class="my_group_left"  끝-->

		<!--우측 친구목록-->
		<aside class="my_group_right">
			<dl class="friend_cont">
				<dt>
					<img src="../images/board/friend_list.gif" alt="친구목록" />
					<span class="bt_all">전체</span>
					<div class="all_list">
						<p class="tit">전체</p>
						<ul>
							<li><a href="#">중학교 동창회(3)</a></li>
							<li><a href="#">중 동창회(13)</a></li>
							<li><a href="#">중학교 동창회(3)</a></li>
							<li><a href="#">중학교 동창회(20)</a></li>
							<li><a href="#">중학교 동창회(3)</a></li>
						</ul>
					</div><!--//  class="all_list"  끝-->
				</dt>
				<dd>
					<input type="text"  name="text" id="textfield" class="input"  />
					<input type="image" src="../images/btn/btn_search02.gif" alt="검색" />
				</dd>
				<!--list-->
				<dd class="friend_list">
					<table>
						<colgroup>
							<col width="*" /><col width="12%" /><col width="*" /><col width="56%" />
						</colgroup>
						<tbody>
							<tr class="loop_odd tr_on">
								<td><p style="display:none;"><img src="../images/btn/btn_add02.gif" alt="추가" class="cursor"/></p><!--친구추가시에 보이는 버튼 부분--></td>
								<td><img src="../images/board/default_35_35.gif" alt=""  width="35" height="35" /></td>
								<td class="nickname"><a href="#">잭니클라우스</a></td>
								<td>
									<ul>
										<li class="sex_m">남자</li> <!--[남자] 일때 css 부분-->
										<li>핸디 <span>109</span></li>
										<li>비거리 <span>150</span></li>
									</ul>
								</td>
							</tr>
							<tr class="loop_odd tr_on">
								<td><p style="display:none;"><img src="../images/btn/btn_add02.gif" alt="추가" class="cursor"/></p><!--친구추가시에 보이는 버튼 부분--></td>
								<td><img src="../images/board/default_35_35.gif" alt=""  width="35" height="35" /></td>
								<td class="nickname"><a href="#">오스케 짱말짱002</a></td>
								<td>
									<ul>
										<li class="sex_w">여자</li> <!--[여자] 일때 css 부분-->
										<li>핸디 <span>109</span></li>
										<li>비거리 <span>150</span></li>
									</ul>
								</td>
							</tr>
							<tr class="loop_odd tr_on">
								<td><p style="display:none;"><img src="../images/btn/btn_add02.gif" alt="추가" class="cursor"/></p><!--친구추가시에 보이는 버튼 부분--></td>
								<td><img src="../images/board/default_35_35.gif" alt=""  width="35" height="35" /></td>
								<td class="nickname"><a href="#">잭니클라우스</a></td>
								<td>
									<ul>
										<li class="sex_m">남자</li> <!--[남자] 일때 css 부분-->
										<li>핸디 <span>109</span></li>
										<li>비거리 <span>150</span></li>
									</ul>
								</td>
							</tr>
							<tr class="loop_odd tr_on">
								<td><p style="display:none;"><img src="../images/btn/btn_add02.gif" alt="추가" class="cursor"/></p><!--친구추가시에 보이는 버튼 부분--></td>
								<td><img src="../images/board/default_35_35.gif" alt=""  width="35" height="35" /></td>
								<td class="nickname"><a href="#">오스케 짱말짱002</a></td>
								<td>
									<ul>
										<li class="sex_w">여자</li> <!--[여자] 일때 css 부분-->
										<li>핸디 <span>109</span></li>
										<li>비거리 <span>150</span></li>
									</ul>
								</td>
							</tr>
						</tbody>
					</table>
				</dd><!--//  class="friend_list"  끝-->	
			</dl>
		</aside><!--//  class="my_group_right"  끝-->
 
	</section><!--//   id="main_content" 끝-->	
</div><!--//   id="container" 끝-->	

<footer></footer>
</body>
</html>
